
var id = location.search.split("=")[1];
var people= document.cookie.split("=")[1];

$("input:eq(7)").val(people);
$("input:eq(6)").val(1)
var arr
$.ajax({
    url: "http://172.168.20.103/HUAWEI/ALL/allphp.php",
    data: "hide=matephone&id=" + id,
    dataType: "JSONP",
    success: data => {
        xuanran(data);
        $("input:eq(0)").val(data.name);
        $("input:eq(1)").val(data.money);
        $("input:eq(2)").val(data.cor1);
        $("input:eq(3)").val(data.banben2);
        $("input:eq(4)").val("官方标配");
        $("input:eq(8)").val(data.jianjie);
        $("span:eq(0)").html(data.name);
        $("span:eq(1)").html(data.banben2);
        $(".ram>span:eq(0)").html(data.banben2);
        $(".ram>span:eq(1)").html(data.banben3);
        $("span:eq(2)").html(data.cpu);
        $("span:eq(2)").html(data.cor1);
        $(".color>span:eq(0)").html(data.cor1);
        $(".color>span:eq(1)").html(data.cor2);
        $("p").html(data.jianjie);
        $("#money>span:eq(0)").html(data.money);
        $(".taocan>span:eq(0)").html(data.taocan);
        $(".check>span:eq(0)").html($("span:eq(2)").html());
        $(".check>span:eq(1)").html($("span:eq(1)").html());
        $(".check>span:eq(2)").html($(".taocan>span:eq(0)").html());
    }
})
function xuanran(data) {
    arr = [];
    var j = 0;
    arr.push(data.src1);
    arr.push(data.src2);
    arr.push(data.src3);
    arr.push(data.src4);
    arr.push(data.src5);
    arr.push(data.src6);
    $("input:eq(5)").val(arr[0]);
    $(".imgbox").append($(`<img width=100%;height=100%; src='${arr[0]}'/>`));
    $("[jishu='0']").append($(`<img width=100%;height=100%; src='${arr[0]}'/>`));
    $("[jishu='1']").append($(`<img width=100%;height=100%; src='${arr[1]}'/>`));
    $("[jishu='2']").append($(`<img width=100%;height=100%; src='${arr[2]}'/>`));
    $("[jishu='3']").append($(`<img width=100%;height=100%; src='${arr[3]}'/>`));
    $("[jishu='4']").append($(`<img width=100%;height=100%; src='${arr[4]}'/>`));
    $("[jishu='5']").append($(`<img width=100%;height=100%; src='${arr[5]}'/>`));

    $("button").click(e => {
        var target = e.target
        if (!$("img").is(":animated")) {
            var oldimg = $("img:eq(0)");
            if ($(target).text() == ">") {
                j++;
                j == arr.length && (j = 0);
                right(-1, "rimg", oldimg);
            } else {
                j--;
                j == -1 && (j = arr.length - 1);
                right(1, "limg", oldimg);
            }
        }
    })
    $(".ul>li").click(function (e) {
        
        if (!$("img").is(":animated")) {
            var oldj = j;
            j = $(this).attr("jishu");
            var oldimg = $("img:eq(0)");
            if (j > oldj) {
                right(-1, "rimg", oldimg);

            } else {
                right(1, "limg", oldimg);
            }
        }
    })
    function right(x, y, oldimg) {
        var newimg = $(`<img src='${arr[j]}' class='${y}'/>`);
        $(".imgbox").append(newimg);
        oldimg.animate({ "margin-left": `${x * 100}%` }, 1000, function () { $(this).remove() })
        newimg.animate({ "margin-left": "0%" }, 1000);
        $($("li")[j]).addClass("active").siblings().removeClass();
    }

}


$("h6").click((e) => {
    var target = e.target;
    if ($(target).html() == "-") {
        if ($(target).next().val() > 1) {
            $(target).next().val(parseInt($(target).next().val()) - 1);
        }
    } else if ($(target).html() == "+") {
        $(target).prev().val(parseInt($(target).prev().val()) + 1);
    }
    $("input:eq(6)").val( $(target).prev().val());
})



$("span").click(e => {
    var target = e.target;
    if ($(target).parent()[0].nodeName == "DIV") {
        $(target).addClass("active").siblings().removeClass();
        if ($(target).html().indexOf("颜色") != -1) {
            $("span:eq(4)").html($(target).html());
            $(".check>span:eq(0)").html($(target).html());
        } else if ($(target).html().indexOf("GB") != -1) {
            $("span:eq(1)").html($(target).html())
            $(".check>span:eq(1)").html($(target).html());
            if($(target).html()=="5G全网通 12GB+256GB"){
                $("#money>span:eq(0)").html("&yen;8999.00");
                $("input:eq(1)").val("&yen;8999.00");
                $("input:eq(3)").val("5G全网通 12GB+256GB");
            }else{
                $("#money>span:eq(0)").html("&yen;9699.00");
                $("input:eq(1)").val("&yen;9699.00");
                $("input:eq(3)").val("5G全网通 12GB+512GB");
            }
        }
        $(".check>span:eq(2)").html("官方标配");
        $("input:eq(4)").val("官方标配");
    }
})

////点击切换颜色后会改变图片
$(".color>span").click(e => {
    var target = e.target;
    var r = $(target).index();
    r == 0 && (r = 3);
    $(".imgbox").html("");
    $("[jishu]").html("");
    animate(r);
})
////改变图片重数据库取出数据函数
function animate(r) {
    $.ajax({
        url: "http://172.168.20.103/HUAWEI/ALL/allphp.php",
        data: "hide=phonecolor&id=" + r,
        dataType: "JSONP",
        success: data => {
            xuanran(data);
            $("span:eq(2)").html(data.cor1);
            $("input:eq(2)").val(data.cor1);
            $(".taocan>span:eq(0)").html(data.taocan);
            $(".check>span:eq(0)").html($("span:eq(2)").html());
            $(".check>span:eq(1)").html($("span:eq(1)").html());
            $(".check>span:eq(2)").html($(".taocan>span:eq(0)").html());

        }
    })
}


